iT邦幫忙

2024 iThome 鐵人賽

DAY 10
0
自我挑戰組

Web Franework -SASS/SCSS系列 第 10

Day 10 - SASS輸出風格

  • 分享至 

  • xImage
  •  

#SASS的輸出風格
SASS有支援許多種不同的輸出風格,我們可以透過這些風格來選擇如何格式化生成的CSS代碼。我們可以根據使用的環境的不同,變換不同的輸出風格,如開發環境或是正式發布時。主要的輸出風格包括:
1.nested(嵌套):
這是預設的輸出風格,生成的CSS結構會與原本的SASS保持類似的嵌套結構,適合在開發過程中查看。
2.expanded(展開):
透過expanded,我們可以使每個CSS規則被完全展開,很適合在開發中需要更直觀的需求。
3.compact(緊湊):
compact會使每條CSS規則被壓縮成單行,可以將代碼縮短,更方便檢視,適用於需要節省空間的情況。
4.compressed(壓縮):
透過compressed,可以使所有的CSS代碼被壓縮到最小,同時去除空白和註釋,適用於正式發布時使用。
#使用方法

sass --style compressed input.scss output.css

加油!!!


上一篇
Day 9 - 循環操作程式碼實作2(成功!!!)
下一篇
Day 11 - CSS的壓縮技術1
系列文
Web Franework -SASS/SCSS30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言